@import url('~@/styles/mixin.less');

.evaluateCard {
    padding: 24px;
    background-color: #f6fafa;
    &_header {
        margin-bottom: 16px;
        color: #333;
        font-weight: 500;
        font-size: 34px;
        line-height: 48px;
    }

    &_content {
        display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示。
        overflow: hidden; // 超出的文本隐藏
        color: #999;
        font-weight: 400;
        font-size: 30px;
        line-height: 44px;
        text-overflow: ellipsis; // 溢出用省略号显示
        -webkit-line-clamp: 2; // 这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。
        -webkit-box-orient: vertical; // 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
    }

    &_operation {
        .flex(space-between,center);
    }

    &_date {
        color: #999;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px;
    }

    :global(.adm-divider) {
        margin: 16px 0;
    }

    &:not(:last-child) {
        margin-bottom: 16px;
    }
}
